<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>2_使用js创建虚拟DOM</title>
</head>

<body>
	<!-- 准备好一个“容器” -->
	<div id="app"></div>

	<!-- 引入react核心库(React) -->
	<script type="text/javascript" src="../js/react.development.js"></script>
	<!-- 引入react-dom，用于支持react操作DOM(ReactDOM) -->
	<script type="text/javascript" src="../js/react-dom.development.js"></script>

	<script type="text/javascript">
		//1.创建虚拟DOM(document.createElement创建真实dom,React.createElement创建虚拟dom)
		const VDOM = React.createElement('h1', { id: 'title' }, React.createElement('span', {}, 'hello,React'))

		//2.渲染虚拟DOM到页面
		ReactDOM.render(VDOM, document.querySelector('#app'))
	</script>
</body>

</html>